.class-box {
    margin: 0 20px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    display: flex;
    padding: 20px;
}

.class-box .class-css {
    margin-right: 40px;
    color: black;
    background: linear-gradient(to right, #c02618, #4dd63a) no-repeat right bottom;
    background-size: 0 2px;
    /*transition: background-size 2000ms;*/
    transition: background-position 2000ms;

    ::selection {
        background: #c02618;
        /*background-color: lightseagreen;*/
        color: cornflowerblue;
    }
}


.class-box .class-css:hover {
    background-position-x: left;
    background-size: 100% 2px;
    color: deepskyblue;
}
